<template>
    <div class="not404-page">
        <div>
            <img src="../assets/imgs/bg/not.png" alt="">
            <h3>
                页面不存在呦~~~点击
                <el-button type="primary" link @click="goBack">返回</el-button>
            </h3>
        </div>
    </div>
</template>
<script setup>
const router = useRouter()
function goBack() {
    router.back()
}
</script>
<style lang="scss" scoped>
.not404-page {
    width: 100%;
    height: 100vh;
    // background: url('../assets/imgs/bg/login.png') no-repeat center;
    // background-size: 100% 100%;
    display: flex;
    justify-content: center;

    >div {
        align-self: center;
        text-align: center;

        h3 {
            color: #cdcdcd;
        }

        button {
            font-size: 20px;
        }
    }
}
</style>